<template>
    <div>
      <h2>这个一个demo组件</h2>
      <!-- 网络传输协议： http:// ||  htpps:// -->
      <!-- http  -->
      <!-- https  ===>   http+ ssl 更加的安全， 效率没有http高， -->
  
      <!-- 请求方式
          - get     查询数据
          - post    新增数据
          - put     修改数据
          - patch   修改数据
          - delete  删除数据
       -->
      <!-- 请求参数
          - 查询参数   query
             - params:{uname:zs,age=18}   =====>  http://www.itcast.cn?uname='zs'&age=18
             - 任何请求方式(get,post,put,patch,delete)都可以
          - 请求体参数  body
             - data: {name:'总裁部门',code:6666} 在请求的报文中，（请求对象的信息中 payload）
             - 相对要查询参数更加的安全，传入的数据大小可以传入 体积大的内容
             -  支持的请求方式 （post,put,patch）
          - 路径参数
            - http://192.168.60.208:3000/article/12/detail.html     写在请求的路径
            - 通常用于跨页面传递数据
       -->
      <!-- 怎么查看接口文档？？？
        接口---哪几个方面
          - 请求的路径
          - 请求的方式
          - 请求参数
          - 返回的数据及格式
        -->
    </div>
  </template>
  
  <script>
  import { getQuery } from '@/api/demo'
  export default {
    components: {
  
    },
    created() {
      this.loadQuery()
    },
    methods: {
      async  loadQuery() {
        const res = await getQuery({ uname: 'zs', age: 18 })
        console.log(res, 'sjkajkjdkajkdsjdkasjkjdjksjkjdksa')
      }
    }
  }


  </script>
  
  <style>
  
  </style>